html{
  height:100%;
  min-height:100%;
  margin:0;
  padding:0;
  }
body{
  color:#000000;
  font:12px Verdana,Arial,Helvetica,sans-serif;
  height:100%;
  margin:0;
  padding:0;
  }
h1, h2, h3, h4, h5, h6{
  font-weight:600;
  color:#1E1B1A;
  }
/*layout*/
#wrapper{
  width:900px;
  margin-left:auto;
  margin-right:auto;
  
  /*height: 600px;*/
}
#filler{
  background-color:#DCDCDC;
  background-image:url(../images/background.png);
  min-height:880px;
  }
#logo, #main-top, #footer-left {
    float:left;
}
#top-nav, #footer-right { float:right; }


/*top*/
#header { height: 100px; }
#logo img{
  float:left;
  margin:20px 10px 0px 15px;
  }
#site-name{
  top: 10px;
  position:relative;
  font-size: 18px;
  width: 450px;
}
#site-description {
  position:relative;
  font-weight:normal;
  font-size:14px;
 }
 #top-nav{
  top:40px;
  position:relative;
  background-color:#000000;
  padding: 5px 5px 5px 5px;
  border-radius:5px;
  -moz-border-radius:5px;
}
#top-nav ul{
  background-color:#000000;
  display:inline;
  padding:2px 5px 2px 5px;
  font-size: 10px;
  font-family: Geneva,Arial,Helvetica,sans-serif;
  color:#FFFFFF;
}
#top-nav ul:hover{
	background-color:gray;
}
/*#logo, #top-nav{ float:left; }*/

/*body*/
#main {
  position:relative;
  top:20px;
  color:#000000;
  height:400px;
  }
#main-top{
    position:relative;
    height: 220px;
}
#maskot{
    float:left;
}
#button1 {
	position: relative;
    margin-right: 300px;
	left:20px;
	text-align:center;
}
#welcome1 {
    position: relative;
    margin-right: 300px;
	left:20px;
	height:110px;
}
#welcome2 {
    position: relative;
    margin-right: 300px;
	left:20px;
	height:110px;
}
#welcome3 {
    position: relative;
    margin-right: 300px;
	left:20px;
	height:110px;
}
#welcome4 {
    position: relative;
    margin-right: 300px;
	left:20px;
	height:110px;
}
.welcome-head{
    font-size: 18px;
}
.welcome-body{
    font-size: 12px;
}
#login{
	 font-size: 12px;
	 position: relative;
	 top: -140px;
    float:right;
    border-radius:5px;
    -moz-border-radius:5px;
    background-color: #000000;
    width: 250px;
    height: 200px;
}
#login-top{
	text-align:center;
	color: #FFFFFF;
}
#login-form{
	color: #FFFFFF;
	text-align:center;
	width: 250px;
}
.login-form-input{
	width:225px;
}
#login-form-submit{
	text-align:center;
}
.main-head{
	color: red;
	font-size: 16px;
}
.main-subhead{
	color: blue;
	font-size: 14px;
	font-weight: bold;
}
.main-content{
	font-size: 10px;
}
.main-content-date{
	font-style:italic;
	font-size: 9px;
}
.main-list{
	margin-top:8px;
}
.main-list-pic{
	float:left;
}
.main-list-text{
	padding:10px;
	font-size: 11.5px;
}
.main-list-text-bold{
	font-weight:bold;
	color:blue;
	font-size:11.5px;
}
.main-link{
	color: red;
	font-style:italic;
}
#main-bottom{
	height: 540px;
	width: 900px;
}
#main-bottom-left{
	float:left;
	width: 295px;
	height: 540px;
}
#main-bottom-mid{
	float:left;
	border-left:solid;
	border-width:3px;	
	border-color:#BBBBBB;
	padding-left:10px;
	width:295px;
	height: 540px;
}
#main-bottom-right{
	float:left;
	border-left:solid;
	border-width:6px;	
	border-color:#BBBBBB;
	padding: 5px;
	width:281px;
	height: 530px;
}
#main-top5{
	width:281px;
}
#main-top5-list{
	width:281px;
}
.main-top5-list2{
	width:53px;
	float:left;
	padding:1px;
}
#main-top-prob{
	width:280px;
}
#top-prob-left{
	float:left;
	width:200px;
}
#top-prob-right{
	float:right;
	width:260x;
}
#top-prob-bottom{
	width:270px;
	float:left;
}

/*footer*/
#footer{
	margin-left:auto;
  margin-right:auto;
  width:900px;
  position:relative;
  top:15px;
  bottom:5px;
  color:#333333;
  font-size:12px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

#footer-left li{
  display: inline;
}
#footer-left{
	float:left;
}
#footer-right{
	float:right;
}
